<%@page contentType="text/html; charset=UTF-8"%>
<%@taglib uri="/WEB-INF/struts-tags.tld" prefix="s"%>
<%@taglib uri="/WEB-INF/dianning.tld" prefix="dianning"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><dianning:webinfo type="area"/>厂房转让|<dianning:webinfo type="area"/>土地出售|<dianning:webinfo type="area"/>库房出租<dianning:webinfo type="poweredby"/></title>
<meta name="description" content="<dianning:webinfo type="area"/>厂房频道为您提供<dianning:webinfo type="area"/>厂房出租,<dianning:webinfo type="area"/>仓库出租，<dianning:webinfo type="area"/>土地出租信息，在这里有大量的<dianning:webinfo type="area"/>厂房/仓库/土地出租、转让信息供您查询。" /> 
<meta name="keywords" content="<dianning:webinfo type="area"/>厂房/仓库/土地,<dianning:webinfo type="area"/>厂房/仓库/土地信息" /> 
<link href="/css/top.css" rel="stylesheet" type="text/css" />
<link href="/css/foot.css" rel="stylesheet" type="text/css" />
<link href="/css/post.css" rel="stylesheet" type="text/css" />
<link href="/css/validator.css" rel="stylesheet" type="text/css" />
<link href="/css/photoupload.css" rel="stylesheet" type="text/css" />
<link href="/css/jquery.wysiwyg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/autoresize.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery_last.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/formValidator.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/formValidatorRegex.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/photoupload.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery.wysiwyg.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/nicEdit-latest.js"></script>
</head>

<body>
<div class="bgtop">
<s:include value="/top.jsp" />
</div>
<div class="content">
<UL id=navbar>
  <LI><I>1</I><a href="/post.action"><s:property value="bigChannel.channel.channelName"/></a></LI>
<s:url action="/post?action=smallChannel" id="smallchannelUrl" includeParams="none">
	<s:param name="bid" value="bid"/>
</s:url>  
  <LI><I>2</I><s:a href="%{smallchannelUrl}"><s:property value="smallChannel.channel.channelName"/></s:a></LI>
<s:url action="/post?action=area" id="areaUrl" includeParams="none">
	<s:param name="bid" value="bid"/>
	<s:param name="sid" value="sid"/>
</s:url> 
<s:if test="areaId==0">
   <LI><I>3</I><s:a href="%{smallchannelUrl}"><dianning:webinfo type="area"/></s:a></LI>
</s:if>
<s:else>
  <LI><I>3</I><s:a href="%{smallchannelUrl}"><s:property value="area.areaname"/></s:a></LI>
</s:else>
<s:url action="/post?action=tradingArea" id="tradingAreaUrl" includeParams="none">
	<s:param name="bid" value="bid"/>
	<s:param name="sid" value="sid"/>
	<s:param name="areaId" value="areaId"/>
</s:url> 
<s:if test="tid==0">
<s:if test="areaId==0">
  <LI><I>4</I><a><dianning:webinfo type="area"/></a></LI>
</s:if>
<s:else>
  <LI><I>4</I><s:a href="%{tradingAreaUrl}"><s:property value="area.areaname"/></s:a></LI>
</s:else>
</s:if>
<s:else>
  <LI><I>4</I><s:a href="%{tradingAreaUrl}"><s:property value="tradingArea.tradingname"/></s:a></LI>
</s:else>
  <LI class=active><I>5</I>填写信息</LI></UL></DIV>	
<div class="content">

<ul class="pub_mainmnu  minheight">                                                                    
<form name="add" id="add" method="post" action="/house/changfang.action">
<s:hidden name="action"/>
<s:hidden name="bid" />
<s:hidden name="sid" />
<s:hidden name="areaId" />
<s:hidden name="tid" />
<SPAN>
<TABLE class=box1 id=formTb cellSpacing=0 cellPadding=0>
  <TBODY>
  <TR>
    <TD class=t><B class=red>*</B>供 求： </TD>
    <TD>
	<label> <input id="type_0" name="objtype" class="base" type="radio" value='0' checked onclick="change();"/>出租</label>&nbsp;&nbsp;&nbsp;&nbsp;  
	<label> <input id="type_1" name="objtype" class="base" type="radio" value='1' onclick="change();"/>求租</label>&nbsp;&nbsp;&nbsp;&nbsp;  
	<label> <input id="type_2" name="objtype" class="base" type="radio" value='2' onclick="change();"/>出售</label>&nbsp;&nbsp;&nbsp;&nbsp;  
	<label> <input id="type_3" name="objtype" class="base" type="radio" value='3' onclick="change();"/>求购</label>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 标 题： </TD>
    <TD><s:textfield name="title" id="title" cssClass="text1" maxlength="30" /><font id="titleTip"></font></TD>
  </TR>

  <TR id=xq1>
    <TD class=t><B class=red>*</B><span id="dd">地 段</span><span id="qwdd">期望地段</span>：</TD>
    <TD><s:textfield name="zone" id="zone" cssClass="text2" maxlength="12" /> <span id="huo">或</span><span id="d1">附近的</span><font id="zoneTip"></font> 
	<s:textfield name="zone2" id="zone2" cssClass="text2" maxlength="12" /><span id="d2">位置</span>
	<font id="zone2Tip"></font></TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 类 型： </TD>
    <TD>
	<s:select list="houseChangfangTypeList" name="houseChangfangType" id="houseChangfangType" listKey="key" listValue="value"></s:select>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 价 格： </TD>
    <TD>
    <s:textfield name="minPrice" id="minPrice" cssClass="text3 gray" maxlength="5" /><span id="maxp">
	- <s:textfield name="maxPrice" id="maxPrice" cssClass="text3 gray" maxlength="5" />
	</span>
	<s:select list="houseChangfangpayTypeList" name="houseChangfangpayType" id="houseChangfangpayType" listKey="key" listValue="value"></s:select>
	<span id="wy">万元</span>
	<font id="minPriceTip"></font>
	<font id="maxPriceTip"></font>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 面 积： </TD>
    <TD>
	<s:textfield name="mianji" id="mianji" cssClass="text3 gray" maxlength="5" />平米
	<span id="maxmj">
	- &nbsp; <s:textfield name="maxMianji" id="maxMianji" cssClass="text3 gray" maxlength="5" />平米 
	</span>
	<font id="mianjiTip"></font>
	<font id="maxMianjiTip"></font>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 补充说明： </TD>
    <TD style="HEIGHT: 70px"><s:textarea id="content" rows="15" cols="70" name="content"></s:textarea><font id="contentTip"></font></TD>
 </TR>
 <TR id=pdv>
 <TD class=t valign="top">上传照片： </TD>
    <TD><div id="uploadPic"><ul></ul></div>
	  <div id="uploader"></div>
      <span>可上传 6 张图片，每张最大2M，支持jpg/gif格式。上传图片越小，上传越快。</span><br /><img src="/images/qqjt.jpg"  border="0" /></TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 联系人： </TD>
    <TD>
    <s:textfield name="linkman" id="linkman" cssClass="text2" maxlength="6" /> &nbsp;
	<label><s:checkbox name="biz" id="biz" cssClass="base"></s:checkbox>我是经纪人</label>
	<span class="jingjiren" id="id_agent_tip">
		<div id="agent_tip" class="jingjirencon" style="display:none;"> 
			<span name="biz_shenfen">您已被系统判定为经纪人身份</span> 
			<p>什么是个人身份？</p> <span>1、业主直接出租/出售<br />2、个人转租</span> 
			<p>什么是经纪人身份？</p> <span>1、房产经纪公司、代理公司的经纪人(与是否有中介费无关)<br />2、二房东<br />3、进行直租/直售的物业公司、开发商</span> 
		</div> 
	</span>
	<font id="linkmanTip"></font>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 商家网店： </TD>
    <TD>
	<label><s:checkbox name="profile" id="profile" cssClass="base"></s:checkbox>在商家网店上显示</label>
	</TD>
  </TR>
  <TR>
    <TD class=t><B class=red>*</B> 手机或电话： </TD>
    <TD><s:textfield name="phone" id="phone" cssClass="text2" /><font id="phoneTip"></font></TD>
 </TR>
  <TR>
    <TD class=t></TD>
    <TD><input type="submit" id="fabu" class="fabu1" value="　　发布　　" ct="submit" /></TD>
 </TR>
</TBODY>
</TABLE>
<DIV class=hr_s></DIV></SPAN></FORM>
</ul>
</DIV>
<div class="content">
<s:include value="/foot.jsp" />
</div>
<script type="text/javascript">
bkLib.onDomLoaded(nicEditors.allTextAreas);
$(document).ready(function(){
	showBizTip();
	createUploader();
	$.formValidator.initConfig({formid:"add",errorfocus: true});
	$("#title").formValidator({onshow:"请输入标题",onfocus: "6-30个字，不允许填写电话和特殊符号"}).regexValidator({ regexp: "^[\\s\\S]*$", onerror: "不能填写电话和特殊符号！" }).regexValidator({ regexp: "^[\\s\\S]{6,}$", onerror: "标题不足6个字!" }).regexValidator({ regexp: "^(.){6,30}$", onerror: "标题应为6-30个字！" });
	$("#zone").formValidator({onshow:"请输入求购地段",onfocus: "请输入求购地段"}).regexValidator({ regexp: "\\S+", onerror: "请输入求购地段" }).regexValidator({ regexp: "^(.){2,12}$", onerror: "求购地段为2-12个字" });
	$("#zone2").formValidator({onshow:"请输入求购地段",onfocus: "请输入求购地段",'empty':true,onempty:"地段中可为空"}).regexValidator({ regexp: "^(.){2,12}$", onerror: "求购地段为2-12个字" });
	$("#minPrice").formValidator({onshow:"请输入价格",onfocus: "只能填写数字，允许一位小数"}).regexValidator({ regexp: "^\\S+$", onerror: "请输入价格" }).regexValidator({ regexp: "^[1-9]\\d{0,5}(\\.\\d{1,1})?$", onerror: "价格不能为0，允许一位小数" });
	$("#maxPrice").formValidator({onshow:"请输入价格",onfocus: "只能填写数字，允许一位小数"}).regexValidator({ regexp: "^\\S+$", onerror: "请输入价格" }).regexValidator({ regexp: "^[1-9]\\d{0,5}(\\.\\d{1,1})?$", onerror: "价格不能为0，允许一位小数" });
	$("#mianji").formValidator({onshow:"请填写面积",onfocus: "最多可填写4位，允许一位小数"}).regexValidator({ regexp: "^[1-9]\\d{0,4}(\\.\\d{1,1})?$", onerror: "面积为0以外的整数，允许一位小数" });
	$("#maxMianji").formValidator({onshow:"请填写面积",onfocus: "最多可填写4位，允许一位小数"}).regexValidator({ regexp: "^[1-9]\\d{0,4}(\\.\\d{1,1})?$", onerror: "面积为0以外的整数，允许一位小数" });
	$("#content").formValidator({onshow:"请填写补充说明",onfocus: "10~2000个字之间" }).regexValidator({ regexp: "^[\\s\\S]*$", onerror: "请填写补充说明" }).regexValidator({ regexp: "^[\\s\\S]{10,}$", onerror: "房源描述不足10个字" }).regexValidator({ regexp: "^([\\s\\S]){10,2000}$", onerror: "内容应在10~2000个字之间" });
	$("#phone").formValidator({onshow:"请填写电话号码",onfocus: "请正确填写电话号码，"}).regexValidator({ regexp: "(^(0\\d{2,3})?-?([2-9]\\d{6,7})(-\\d{1,5})?$)|(^((\\(\\d{3}\\))|(\\d{0}))?(13|14|15|18)\\d{9}$)|(^(400|800)\\d{7}(-\\d{1,4})?$)|(^(95013)\\d{6,8}$)", onerror: "电话填写错误。请参照格式填写：87654321或138********" });
	$('#linkman').formValidator({onshow:"请输入联系人",onfocus:'2～6个字，不能填写电话和特殊符号'}).regexValidator({ regexp: "\\S+", onerror: "请输入联系人" }).regexValidator({ regexp: "^(.){2,6}$", onerror: "联系人不足2个字" }).regexValidator({ regexp: "^[\\w\\d\\s\\u4e00-\\u9fa5]*$", onerror: "联系人不能填写特殊符号" });
	void function(){ 
	$(':radio[name="objtype"][value="0"]').get(0).checked = true;   
	showWoshi(); 
	}();
	
});
function showWoshi(){
	var obj=$(":radio[name='objtype'][checked]").val();
	if(obj==0 | obj==2){
		$('#xq').show(); //小区
		$('#dd').show(); //地段
		$('#d1').show(); //地段
		$('#d2').show(); //地段
		$('#qwdd').hide(); //期望地段
		$('#huo').hide(); //或
		$('#maxmj').hide(); //钱2
		$('#maxp').hide(); //钱2
		$("#zone").unFormValidator(true); //求购地区
		$("#zone2").unFormValidator(true); //求购地区
		$("#maxPrice").unFormValidator(true); //钱2
		$("#maxMianji").unFormValidator(true); //面积
		if(obj==0){
			$('#houseChangfangpayType').show(); //支付类型	
			$('#wy').hide(); //万元
		}else{
			$('#houseChangfangpayType').hide(); //支付类型
			$('#wy').show(); //万元
		}
		$('#pdv').show();
	}else{
		$('#xq').hide(); //小区
		$('#dd').hide(); //地段
		$('#d1').hide(); //地段
		$('#d2').hide(); //地段
		$('#qwdd').show(); //期望地段
		$('#huo').show(); //或
		$('#maxmj').show(); //钱2
		$('#maxp').show(); //钱2
		$("#zone").unFormValidator(false); //求购地区
		$("#zone2").unFormValidator(false); //求购地区
		$("#maxPrice").unFormValidator(false); //钱2
		$("#maxMianji").unFormValidator(false); //面积
		if(obj==1){
			$('#houseChangfangpayType').show(); //支付类型	
			$('#wy').hide(); //万元
		}else{
			$('#houseChangfangpayType').hide(); //支付类型
			$('#wy').show(); //万元
		}
		$('#pdv').hide();
	}	
} 
function change(){showWoshi();}
function showBizTip(){
	var cbx = $(':checkbox[name="isBiz"]'); 
	if(cbx.attr('disabled')){
		cbx.parent().hide(); 
		cbx.parent().after('<font color="red">经纪人</font>');
	} else { 
		$('span[name="biz_shenfen"]').hide(); 
	} 
	$("#id_agent_tip").hover(function(){ $('#agent_tip').css('display',''); }, function(){ $('#agent_tip').css('display','none'); } ); 
} 
function createUploader(){            
	var uploader = new qq.FileUploader({
	element: document.getElementById('uploader'),
	action: '<s:property value="domain"/>/upPhoto.action?action=infoPic',
	allowedExtensions:['jpg','gif','jpeg']
    });           
}
</script>
</body>
</html>